<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:component xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<h:inputHidden id="#{id}id" value="#{entityId}" />
	<h:panelGrid columns="5">
		<p:selectOneMenu id="#{id}tipo" style="min-width: 100px;"
			value="#{tipoPadrao}">
			<f:selectItem itemLabel="Telefone" itemValue="T" />
			<f:selectItem itemLabel="Celular" itemValue="C" />
			<f:selectItem itemLabel="Fax" itemValue="F" />
		</p:selectOneMenu>
		<p:inputText id="#{id}ddi" size="3" />
		<p:inputText id="#{id}ddd" size="3" />
		<p:inputText id="#{id}numero" size="8" />
		<p:inputText id="#{id}ramal" size="4" />
	</h:panelGrid>

	<p:watermark for="#{id}ddi" value="DDI" />
	<p:watermark for="#{id}ddd" value="DDD" />
	<p:watermark for="#{id}numero" value="Número" />
	<p:watermark for="#{id}ramal" value="Ramal" />

	<p:tooltip for="#{id}ddi" value="DDI" />
	<p:tooltip for="#{id}ddd" value="DDD" />
	<p:tooltip for="#{id}numero" value="Número" />
	<p:tooltip for="#{id}ramal" value="Ramal" />

</ui:component>